<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<!-- The HTML 4.01 Transitional DOCTYPE declaration-->
<!-- above set at the top of the file will set     -->
<!-- the browser's rendering engine into           -->
<!-- "Quirks Mode". Replacing this declaration     -->
<!-- with a "Standards Mode" doctype is supported, -->
<!-- but may lead to some differences in layout.   -->
<%
	String host = request.getServerName();
%>

<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <link type="text/css" rel="stylesheet" href="HatebWebHookTwit.css">
    <title>はてブ WEB Hook Twit</title>
  </head>
  <body>
    <h1>はてブ WEB Hook Twitトップページ</h1>
	<div align="center">
<% if (host.equals("localhost")) { %>
<a href="/hbwtInput">入力画面へ</a>
<% } else { %>
<a href="https://<%= host %>/hbwtInput">入力画面へ(https)</a>
<% } %>
	</div>
    <h2>はてブ WEB Hook Twitとは</h2>
<p>
 はてブ WEB Hook Twitとは、必要な情報をこのアプリケーションに<a href="https://<%= host %>/hbwtInput">登録</a>すると、はてなブックマークした情報を、<a href="http://twitter.com/">Twitter</a>
に自動で投稿するアプリケーションです。
</p>
<h2>必要なもの</h2>
<ul>
<li>
GoogleログインID<br/>
このアプリに登録するために使用します。
</li>
<li>
はてなブックマークID<br/>
はてなブックマークするために使います。
</li>
<li>
はてなブックマーク Web HookのKey<br/>
他人が成りすましで投稿できないようにするためのパスワードのようなものです。
</li>
<li>
TwitterのID<br/>
投稿するためのTwitterのIDとパスワードが必要です。
</li>
</ul>
<h2>はてなブックマークの設定</h2>
このアプリケーションを使用するには、はてなブックマークの設定が必要です。
はてなブックマークの設定画面の[データ管理]タブで下記の設定を行ってください。<br>
<ul>
<li>[Web Hook]という項目の入力欄[イベント通知を受けとるURL]に「http://<%= host %>/hatebHook」と指定してください</lu>
<li>入力欄[キー]に任意の文字列を指定してください。この文字列は、このアプリケーションに設定する必要があるので、コピーしておいてください</li>
<li>選択項目[受け取るイベントの種類]の「ブックマークの追加/更新/削除」という項目にだけにチェックを入れてください</li>
<li>[設定を保存ボタン]をクリックし、設定を保存します。</li>
</ul>
設定は終わりです。
<h2>アプリケーション設定</h2>
設定の登録、変更。登録解除は下記のリンクから行ってください。
<% if (host.equals("localhost")) { %>
<p><a href="/hbwtInput">登録・変更・削除</a><p>
<% } else { %>
<p><a href="https://<%= host %>/hbwtInput">登録・変更・削除(https)</a><p>
<% } %>
<h2>その他</h2>
<ul>
<li>
アプリケーション設定で登録した情報は、アプリケーションのみで使用されます。
</li>
<li>
登録を削除した場合は、はてなブックマークで設定したURLを空にしてください。
</li>
<li>
自己責任で使用してください。開発者は当アプリケーションで発生した、どんな損害にも責任を負いません。
</li>
<li>
ソースは<a href="http://code.google.com/p/hateb-web-hook-twit/">ここ</a>に公開しております。使用、改変はご自由に。
</li>
</ul>
<b>開発者</b>:shuitic：<a href="http://d.hatena.ne.jp/shuitic/">ブログ</a>&nbsp;|&nbsp;<a href="http://twitter.com/shuitic">twitter</a>
</body>
  
</html>
